#header_nav{
  width: 100%;
  height: 1rem;
  background: yellow;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: space-between;
  line-height: 1rem;
  z-index: 99;
}

#header_nav>div{
  flex-grow: : 1
}

#header_nav>div>h1{
  font-size: .3rem;
}


#header_nav>div:last-of-type{
  position: relative;
  margin-right: .15rem;
}
#header_nav>div>a{
  display: inline-block;
  position: absolute;
  font-size: .25rem;
  height: .2rem;
  line-height: .2rem;
  right: 0;
  bottom: 0;
  color: #000;
}
#header_nav>div>img{
  height: .6rem;
  width: .6rem;
}
#content{
  display: flex;
  flex-direction: column;
  height: 100vh
}

#content>#turn{
  height: 3rem;
  flex-shrink: 0;

  flex-shrink: 0;
  margin-top: 1rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#turn>#ban{
  position: absolute;
  left: 0;
  width: 200%;
  display: flex;
  height: 100%;
}
#turn>#ban>img{
  width: 50%;
  height: 100%;
  flex-grow: 1;
}



#content>#con_top{


}
#content>#con_bottom{
  padding-bottom: 1.5rem;
  /*background: pink;*/
}

/*设置灰线*/

#line{
  height: .3rem;
  background: #e7e7e7;

}

/*每日必抢样式设置*/

#scareBuy{
  display: flex;
  padding-top: .3rem;
  padding-bottom: .3rem;
}
#scareBuy>.sb{
  flex-grow: 1;
  text-align: center;
}
#scareBuy>.sb>img{
  width: 100%
}
#scareBuy>.sb>p{
  font-size: .2rem;
}

/*三个广告图*/
#three{
  display: flex;
}
#three>div{
  flex-grow: 1;
}
#three>div>img{
  width: 100%;
}

/*便利店模块*/
#store>.s_logo>img{
  width: 100%;
}
#store>.s_box{
  display: flex;
justify-content: space-around;
}
#store>.s_box>div{
  width: 45%;
  /*text-align: center;*/
}

#store>.s_box>div>img{
  width: 100%;
}
#store>.milk{
  display:flex;
  padding-top: .2rem;
  padding-bottom: .2rem;
}

#store>.milk>div{
  flex-grow: 1;
  text-align: center;
}
#store>.milk>div>p{
  font-size: .25rem
}
#store>.milk>div>img{
  width: 100%;
}
#store>.s_bottom{
  display: flex;
  border-top: 1px solid #000;
}
#store>.s_bottom>div{
  flex-grow: 1;
}
#store>.s_bottom>div>img{
  width: 100%;
}
#store>.s_bottom>div:first-of-type{
  border-right:  1px solid #000;
}
#c_b_box{
    padding: 0 3%;
}
#c_b_box>.c_nav{
  height: 1.06rem;
}
#c_b_box>.c_nav>h3{
  height: 100%;
  font-size: .3rem;
  float: left;
  line-height: 1.06rem;

}
#c_b_box>.c_nav>a{
  display: inline-block;
  float: right;
  font-size: .25rem;
  line-height: 1.06rem;
  color: black;
}
#c_b_box>.c_nav>a>span{
  display: inline-block;
  width: .25rem;
  height: .25rem;
  border: 1px solid #000;
  transform: rotateZ(45deg);
  border-left: none;
  border-bottom: none;

}
#c_b_box>.c_img>img{
  width: 100%;
}
#c_b_box>.c_wares{
  display: flex;
}
#c_b_box>.c_wares>.wareBox{
  margin: .15rem 0;
  /*flex-basis: 33%;*/
  flex-grow: 1;
  position: relative;
}
#c_b_box>.c_wares>.wareBox>.add{
  display: inline-block;
  width: .6rem;
  height: .6rem;
  border-radius: 50%;
  border: 1px solid grey;
  font-size: .6rem;
  text-align: center;
  line-height: .5rem;
  font-weight: bold;
  color: red;
  position: absolute;
  bottom: 0;
  right: .2rem;
  z-index: 99;
}

#c_b_box>.c_wares>.wareBox:first-of-type{
  border-right: 1px solid grey;
}
#c_b_box>.c_wares>.wareBox:nth-of-type(2){
  border-right: 1px solid grey;
}

#c_b_box>.c_wares>.wareBox>img{
  width: 100%
}
.wareBox h3{
  width: 80%;
  width: 1.3rem;
  font-size: .25rem;
  text-overflow:ellipsis;
  overflow:hidden;
  white-space:nowrap
}
.wareBox .jingxuan{
  display: inline-block;
  height: .3rem;
  width: .6rem;
  border: 1px solid red;
  border-radius: .1rem;
  font-size: .2rem;
  line-height: .3rem;
  color: red;
  text-align: center;
}
.wareBox .present{
  display: inline-block;
  height: .3rem;
  width: 1.2rem;
  background-color: red;
  border-radius: .1rem;
  font-size: .2rem;
  line-height: .3rem;
  color: #fff;
  text-align: center;
}
.wareBoxB>p{
  font-size: .2rem;
  color: red;
}.wareBoxB>p>span{
  text-decoration: line-through;
  color: grey;
}
